<template>
    <section>




        <el-table :data="currObj.detail" highlight-current-row v-loading="listLoading">
            <el-table-column prop="name" label="创建时间" width='150'>
                <template scope="scope">
                    <span v-text="getDateStr(scope.row.createTime)"></span>
                </template>
            </el-table-column>
            <el-table-column prop="name" label="收款名称">
                <template scope="scope">
                    <el-input size="small" placeholder="请输入内容" v-model="scope.row.name">
                    </el-input>
                </template>
            </el-table-column>
            <el-table-column label="提交结算人" width='120'>
                <template scope="scope">
                    <el-tag type="primary">{{scope.row.sendMemberName}}</el-tag>
                </template>
            </el-table-column>


            <el-table-column label="收款金额">
                <template scope="scope">
                    <el-input size="small" placeholder="请输入内容" v-model.number="scope.row.amount">
                    </el-input>
                </template>
            </el-table-column>
            <el-table-column label="收款时间" width='220'>
                <template scope="scope">
                    <el-date-picker v-model="scope.row.collectionTime" type="datetime" placeholder="选择日期时间">
                    </el-date-picker>

                </template>
            </el-table-column>
            <el-table-column label="到账时间" width='220'>
                <template scope="scope">
                    <el-date-picker v-model="scope.row.paymentTime" type="datetime" placeholder="选择日期时间">
                    </el-date-picker>

                </template>
            </el-table-column>
            <el-table-column label="状态" width='90'>
                <template scope="scope">
                    <span v-text="getSettlementStatusName(scope.row.statusId)"></span>

                </template>
            </el-table-column>
            <el-table-column label="备注">
                <template scope="scope">
                    <el-input size="small" placeholder="请输入内容" v-model="scope.row.memo">
                    </el-input>
                </template>
            </el-table-column>
            <el-table-column label="操作" width="80">
                <template scope="scope">
                    <el-button size="small" @click="delDetal(scope.row, scope.$index)">删除</el-button>

                </template>
            </el-table-column>
        </el-table>

        <el-popover ref="popover4" placement="right" width="400" trigger="click">

            <div>
                <el-button class="btn_wage" v-for="settlementClass in getSettlementClassArray()" @click.prevent="addDetail(settlementClass)" type="primary">{{settlementClass.name}}</el-button>
            </div>

            <el-button slot="reference"> 新增一行</el-button>
        </el-popover>

       
    </section>
</template>
<script src="./t900.js"></script>